<!DOCTYPE html>
<html>
    <head>
        <!-- DSF PAGETYPE -->
        <script type="text/javascript">
            var pageType = "loginPage";
        </script>
        <!-- NAGŁOWKI JS -->
        <?= View::factory('_header')->set('title', 'logowanie') ?>
    </head>
    <body>
        <div id="loginContainer">
            <div id="tabs">
                <ul style="list-style: none;">
                    <li><a href="#tabLogin">Logowanie</a></li>
                    <li><a href="#tabRegister">Rejestracja</a></li>
                </ul>

                <div id="tabLogin">
                    <div class="tableDiv" style="width:100%;">
                        <div class="tableRow">
                            <div class="tableCell" style="width: 70%">
                                <input type="text" name="inpLoginPageEmail"
                                       id="inpLoginPageEmail" style="width: 90%"/>
                                <span style="padding: 0.5em;" id="ajaxLoader"></span>
                            </div>
                            <div class="tableCell" style="width: 30%;">
                                <button id="btnLoginPage">Zaloguj</button>
                            </div>
                        </div>
                    </div>
                    <div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;">
                        <p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
                            <strong>Wskazówka:</strong> Po wpisaniu prawidłowego adresu e-mail
                            przycisk <strong>Zaloguj</strong> zostanie uaktywniony.
                        </p>
                    </div>
                </div>
                <div id="tabRegister">
                    <div class="ui-state-highlight ui-corner-all" style="margin-bottom: 20px; padding: 0 .7em;">
                        <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
                            <strong>Ważna informacja:</strong> Po wysłaniu formularza rejestracyjnego,
                            Twoje zgłoszenie musi zostać najpierw rozpatrzone przez administratora.
                        </p>
                    </div>
                    <div class="tableDiv" style="width: 100%;">
                        <div class="tableRow">
                            <div class="tableCell">
                                Adres e-mail
                            </div>
                            <div class="tableCell">
                                <input type="text" id="inpRegMail" size="40"/>
                            </div>
                            <div class="tableCell" id="validateEmailCell">
                                <a href="#" id="ancValidateEmail">Zatwierdź</a>
                            </div>
                        </div>
                        <div class="tableRow">
                            <div class="tableCell">
                                Województwo
                            </div>
                            <div class="tableCell" id="inpRegStateDiv">
                            </div>
                            <div class="tableCell">
                                <span class="ui-icon ui-icon-check" id="iconRegState"/>
                            </div>
                        </div>
                        <div class="tableRow">
                            <div class="tableCell">
                                Miasto
                            </div>
                            <div class="tableCell" id="inpRegCityDiv">
                                <em>Proszę wybrać województwo</em>
                            </div>
                            <div class="tableCell">
                                <span class="ui-icon ui-icon-check" id="iconRegCity"/>
                            </div>
                        </div>
                        <div class="tableRow">
                            <div class="tableCell">
                                Twój nick
                            </div>
                            <div class="tableCell">
                                <input type="text" id="regPageNick"
                                       title="Nick musi składać się z 2-15 znaków, zawierać tylko litery alfabetu angielskiego, cyfry i znak podkreślenia. Nick musi być *niepowtarzalny*"
                                       size="20"/>
                            </div>
                            <div class="tableCell">
                                <span class="ui-icon ui-icon-check" id="iconRegNick"/>
                            </div>
                        </div>
                        <div class="tableRow">
                            <div class="tableCell">
                                Regulamin
                            </div>
                            <div class="tableCell">
                                <a href="#" id="regPageRegl">
                                    Akceptuję postanowienia regulaminu</a>
                            </div>
                            <div class="tableCell">
                                <span class="ui-icon ui-icon-check" id="iconRegReg"/>
                            </div>
                        </div>
                        <div class="tableRow">
                            <div class="tableCell">
                                Wyślij rejestrację
                            </div>
                            <div class="tableCell">
                                <button id="btnRegPage">Wyślij rejestrację</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <?= View::factory('servicePageFooter') ?>
        </div>
        <div class="ui-state-highlight ui-corner-all" id="loginProgressDiv" style="position: fixed; padding: 0 .7em;">
            <p><span id="ajaxLoader2"></span>
                Proszę czekać, trwa wysyłanie żądania...
            </p>
        </div>
        <div class="msgHidden" id="msgLoginPass">
            <p><strong>Dziękujemy!</strong> Odbierz wiadomość
                e-mail, aby dokończyć proces autoryzacji.</p>
        </div>
        <div class="msgHidden" id="msgLoginFail">
            <p><strong>Wystąpił błąd!</strong> Przykro nam, ale na Twoje zgłoszenie
                system zwrócił błąd. Prosimy spróbować później.</p>
        </div>
    </body>
</html>
